/*
第四季魔鬼训练班CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
      2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
*/

/** 清除内外边距 **/
body, div, p, h1, h2, h3, h4, h5, h6, blockquote,  /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre,  /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea,  /* form elements 表单元素 */
table,th,td /* table elements 表格元素 */{
	margin:0;
	padding:0;
}

body,
button, input, select, textarea /* for ie */ {
    font: 12px/24px Arial, 'Microsoft Yahei',"宋体", sans-serif;
}
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; }*/
address, cite, em, i { font-style: normal; } /* 将斜体扶正 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
li { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让a链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; line-height:normal; } /* 使得表单元素在 ie 下能继承字体大小 */

/** 重置表格元素 **/
table{ border-collapse: collapse; border-spacing: 0; }
input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}

/* ie6 7 8(q) bug  */
iframe{
	display:block;
}

/* 清浮动 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1; /* for IE6 IE7 */
}



/*pubic.css*/

@charset "UTF-8";
.border{
	border:1px solid blue;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.head .nav a:hover{
	color: #e50a80;
}
.head .nav i{
	background:url("../images/navbar.png") no-repeat;
}
a{
	color:#000;
}
a:hover{
	color:#666;
}
a:hover img{
	opacity:.8;
	filter:Alpha(opacity=80);
}

/*�����ֲ�ͼ��ʽ*/
.slide{
	position:relative;
}
.slide:hover .btn{
	/* display:block; */
	opacity:1;
}
.slide .slide-wrap{
	width:100%;
	overflow:hidden;
}

.slide .slide-wrap ul{
	width:1000%;
	margin-left:-100%;
}
.slide .slide-wrap ul li{
	float:left;
}
.slide .slide-wrap ul li a{
	position:relative;
	display:block;
}
.slide .slide-wrap ul li a img{
	display:block;
}
.slide .slide-wrap ul li a span{
	width:100%;
	height:80px;
	position:absolute;
	left:0;
	bottom:0;
	font-size:20px;

	text-align:center;
	line-height:80px;
	/*background:url('../images/B-shadow.png') no-repeat center;*/
}

.btn{
	/* display:none; */
	opacity:0;
	transition:.5s;
}
.btn a{
	width:70px;
	height:70px;
	position:absolute;
	top:50%;
	margin-top:-35px;
	background:url("../images/arrow.png");
	border-radius:50%;
}
.btn .prev{
	left:0;
	background-position:0 0;
}
.btn .prev:hover{
	background-position:-70px 0;
}
.btn .next{
	right:0;
	background-position:0 -70px;
}
.btn .next:hover{
	background-position:-70px -70px;;
}
.tab{
	position:absolute;
	width:100%;
	bottom:10px;
	text-align:center;
	line-height:0;
}
.tab a{
	width:10px;
	height:10px;
	display:inline-block;
	margin:0 5px;
	border-radius:50%;
	background:rgba(191,191,191,.6);
}
.tab a.active{
	background:rgba(255,0,0,1)
}

/* ���� */
.main{
	width:1120px;
	margin:0px auto;
}

.des img{
	vertical-align:top;
}
.des span{
	display:block;
	height:40px;
	background:#F2F2F2;
	font:16px/40px "Microsoft Yahei";
	text-align:center;
}

/* theadlͼ�� */
.thead b{
	background:url("../images/indexPic.png");
}
.thead-icon{
	border-bottom:1px solid #000;
}
.nav-list a{
	font-size:16px;
	width:75px;
	display:inline-block;
	line-height:45px;
	text-align:center;
}
.nav-list{
	text-align:center;
}
.nav-list i{
	display:inline-block;
	width:1px;
	height:12px;
	background:#ccc;
	margin:0 15px;
}